<!DOCTYPE html>
<html>
	<head>
		<title>Participate</title>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />	
		<script type="text/javascript" src="lib/moderator.js"></script>
		<script type="text/javascript" src="main.js"></script>
    	<link rel="stylesheet" href="moderator.css" type="text/css" />
	</head>
	<body onload="init();">	
	
		<table class="header_table" cellpadding="0" cellspacing="0">
			<tr>
				<td id="main_cell"><div id="h1a" onclick="mwl.removeClass('#settings_button', 'selected');mwl.hide('#settings');mwl.show('#main');">Moderator Client</div></td>
				<td id="settings_cell"><div id="settings_button" onclick="mwl.addClass('#settings_button', 'selected');mwl.show('#settings');mwl.hide('#main');"></div></td>
			</tr>
		</table>
		
		<!-- Main tab -->
		<div id="main">
			<!-- Topic list -->
			<div id="topics" class="normal">
				<h2 id="series_title" style="display:none"></h2>
				<ul id="topics_list"></ul>
			</div>
						
			<!-- Discussion area -->
			<div id="discussion" class="right">
				<div id="discussion_nav" class="closed">
					<div id="back" onclick="mwl.switchClass('#topics', 'left', 'normal'); mwl.addClass('#discussion', 'right');"><div></div></div>
					<div id="prev" onclick="prev();"><div></div></div>
					<div id="next" onclick="next();"><div></div></div>
				</div>
				<h2 id="discussion_title" onclick="mwl.toggleClass('#discussion_nav', 'open', 'closed');"></h2>
				<div id="discussion_description"></div>
				<ul id="submissions"></ul>
			</div>
		</div>
		
		<!-- Settings tab -->
		<div id="settings">
			<h3>Moderator forum ID</h3>
			<input id="forum_id" type="text" /><div class="button">SET</div>
		</div>
		
		<!-- Hidden data storage -->
		<form action="">
			<input id="current" type="text" style="display:none" />
		</form>

	</body>
</html>
